@charset "UTF-8";

html, body{height: 100%; font-family: 'Noto Sans KR', sans-serif;  -ms-overflow-style: none;}
::-webkit-scrollbar { display: none; }


#wrap{height: 100%;}
#container{overflow: hidden; position: relative; width: 100%; height: 100%; margin-top: -96px;}

.video_wrap{position: relative; height: 100%;}
#videoDim{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: .2; }

/* video_area */
.video_area{overflow: hidden; position: relative; width: 100%; height: 100%;}
.video_area li{display: none;}
.video_area li.active{display: block;   -webkit-transition: -webkit-transform 5s;
  transition: -webkit-transform 5s;
  transition: transform 5s;
  transition: transform 5s, -webkit-transform 5s;
  -webkit-transform: scale(1);
          transform: scale(1);
		  }
.video_area video{position: absolute; left: 50%; top: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto ; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}

.snb { display: none; }

#qqq { width: 129px; height: 129px; position: fixed; left: 0; top: 0;bottom: 0; margin: auto; z-index: 9999; }
#icon { width: 921px; height: 146px; position: absolute; bottom: 0px; left: 0; z-index: 9999;}

/* video_cotent */
.video_content{position: absolute; top: 0; z-index: 10; width: 100%; height: 100%;}
.video_content .video_inner{position: relative; width: 100%; height: 100%; margin: 0 auto;}

/* video_info */
.video_info{position: absolute; width: 100%; height: 100%; text-align:center; }
.video_info li{position: absolute;  top: 0; width: 100%; height: 100%; font-size: 0; opacity: 0; }
.video_info li.active{opacity: 1; transition: opacity .3s; -webkit-transition: opacity .3s; text-align:center;}

.video_info li .main_visual{position: absolute; width: 100%; font-size: 0; opacity: 0; 
-webkit-transform:scale(1); /*  크롬 */
            -moz-transform:scale(1.2); /* FireFox */
            -o-transform:scale(1.2); /* Opera */
            transform:scale(1.2);
}
.video_info li.active .main_visual{opacity: 1;
-webkit-transform:scale(1); /*  크롬 */
            -moz-transform:scale(1); /* FireFox */
            -o-transform:scale(1); /* Opera */
            transform:scale(1);
            transition: transform 6s;
            -o-transition: transform 6s;
            -moz-transition: transform 6s;
            -webkit-transition: transform 6s;
}
.video_info li .main_visual img{width:100%;}

.video_info .text{position: absolute; text-align:center;letter-spacing: -.05em; 
    top: 50%; margin-top: -160px; font-size: 16px; color: #333; line-height: 170%; vertical-align: middle; opacity: 0; transform: translateY(0); -webkit-transform: translateY(0);  left: 50%; width:1000px; margin-left:-505px; }
.video_info li.active .text{opacity: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all 1.5s 1s; -webkit-transition: all 1.5s 1s;}

.video_info .progress{position: absolute; right:100px; bottom:30px; width:330px; height: 2px; margin-top: -203px; background-color: #909090; vertical-align: middle;}
.video_info .progress .bar{width: 0; height: 2px; background-color: #fff;}

.video_info .tit{position: absolute; text-align:center; left: 50%; width:1000px; margin-left:-500px;  top: 50%; font-size: 90px; 
    margin-top:-280px; font-weight:bold;  color: #000; vertical-align: middle; opacity: 0; transform: translateY(0); -webkit-transform: translateY(0); line-height:180%; }
.video_info .tit span{color: #999;}

.video_info li.active .tit{opacity: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all 0.4s 0.8s, opacity 0.4s 0.2s; -webkit-transition: all 1s 0.4s, opacity 0.4s 0.2s;}
.video_info .opens{position: absolute; right: 50px; top:50%;margin-top:170px; vertical-align: middle; opacity: 0; transform: translateX(100%); -webkit-transform: translateX(100%);}

.video_info li.active .opens{opacity: 1; transform: translateX(0%); -webkit-transform: translateX(0%); transition: all 1.5s 1s; -webkit-transition: all 1.5s 1s;}
.video_info .concon{position: absolute; right:445px; bottom:27px; font-size: 12px;  color: #fff; vertical-align: middle; }



/* video_state */
.video_state{position: absolute; right:50px; bottom:16px; z-index: 10; width: 30px; height: 30px; background: url(../img/main/play.png) 60% 50% no-repeat; border: 1px solid #d5d5d1; border-radius: 100%; cursor: pointer;}
.video_state.stop{background-image: url(../img/main/stop.png); background-position: 50%;}

/* paging_area */
.paging_area{position: absolute; right:50px; top: 50%; margin-top:-90px; z-index: 10;}
.paging_area a{display: block; width: 80px; height: 30px; margin-bottom: 10px; line-height: 30px; text-align: right;}
.paging_area a span{font-size: 13px; color: rgba(255,255,255,0.5);}
.paging_area a.active span{display: block; color: rgba(255,255,255,1); border-bottom:1px solid #fff;}
.paging_area a:after{display: block; }
.paging_area a.active:after{display: inline-block;}

/* menu_wrap */
.menu_wrap{position: absolute; left: 0; bottom: 0; z-index: 30; width: 100%; max-width: 65%; display: none;}
.menu_wrap ul{overflow: hidden; width: 100%;}
.menu_wrap li{float: left; width: calc(100% / 4); background-color: #fff; border-left: 1px solid #e5e5e5;}
.menu_wrap li:first-child{border-left: none;}
.menu_wrap .menu_top li{height: 60px; font-size: 17px; color: #000; line-height: 60px; text-align: center; cursor: pointer;}
.menu_wrap .menu_bottom{position: absolute; left: 0; bottom: 0px;}
.menu_wrap .menu_bottom li{position: relative; height: 200px; padding: 35px 0 35px 35px;}
.menu_wrap .menu_bottom li a{display: block;}
.menu_wrap .menu_bottom li dt{display: inline-block; position: relative; margin-bottom: 20px; font-weight: 400; font-size: 16px; color: #000; letter-spacing: -.025em;}
.menu_wrap .menu_bottom li dt:after{
    position: absolute;
    right: -15px;
    top: 6px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    transform: rotate(-135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    content: "";
}
.menu_wrap .menu_bottom li dd{font-weight: 400; font-size: 18px; line-height: 28px; color: #888; letter-spacing: -.05em;}
.menu_wrap .menu_bottom li dd span { color: #451567; font-size: 24px; font-weight: 600;}
.menu_wrap .menu_bottom .icon{position: absolute; bottom: 0; opacity: 1;}
.menu_wrap .menu_bottom li:nth-child(1) .icon{right: 0px;}
.menu_wrap .menu_bottom li:nth-child(2) .icon{right: 0px}
.menu_wrap .menu_bottom li:nth-child(3) .icon{right: 0px;}
.menu_wrap .menu_bottom li:nth-child(4) .icon{right: 0px;}

/*.menu_wrap.active .menu_bottom li .icon{opacity: 1; transition: bottom .4s, opacity .4s ease-in-out;}
.menu_wrap.active .menu_bottom li:nth-child(1) .icon{bottom: 0px; transition-delay: .2s;}
.menu_wrap.active .menu_bottom li:nth-child(2) .icon{bottom: 0px; transition-delay: .4s;}
.menu_wrap.active .menu_bottom li:nth-child(3) .icon{bottom: 0px; transition-delay: .6s;}
.menu_wrap.active .menu_bottom li:nth-child(4) .icon{bottom: 0px; transition-delay: .8s;}*/

/* link_wrap */
.link_wrap{position: absolute; left: 50%; bottom: 23px; z-index: 20; width: 100%; max-width: 1400px; transform: translateX(-50%); -webkit-transform: translateX(-50%); text-align: right;}
.link_wrap ul{overflow: hidden; display: inline-block;}
.link_wrap li{float: left; padding: 0 20px; border-left: 1px solid #eaeaea;}
.link_wrap li:first-child{padding-left: 0; border-left: none;}
.link_wrap li:last-child{padding-right: 0;}
.link_wrap li a{display: block; font-weight: 300; font-size: 14px; color: #eaeaea;}

.quick_menu{display:none;}

@media (max-width: 1480px){
    .menu_wrap{max-width: 940px;}
    .menu_wrap .menu_bottom li{padding: 50px 0 50px 30px;}

    .link_wrap{padding: 0 20px;}
}

@media (max-width: 1300px){
    .menu_wrap{max-width: 900px;}

    .link_wrap{padding: 0 10px;}
}




/* sub */


.top_visual{  position:relative; background:url('../img/main/main05.jpg') center center no-repeat; background-size:cover; width:100%; top:-100px; height:380px;z-index:10; text-align:center;color:#fff; }
.top_visual h1{font-size:3.3em; padding-top:195px;letter-spacing:-2px;}
.top_visual p{font-size:1.3em; padding-top:9px; }



ul.tabs{margin: 0px;padding: 0px;list-style: none;}
ul.tabs li{background: none; text-align:center; font-size:16px; font-weight:600; height:37px; margin-bottom:40px; color: #777;display: inline-block;cursor: pointer; border-bottom:3px solid #eee;}

ul.tabs li.current{background: #fff; border-bottom:3px solid #111; color:#111;}

.tab-content{display: none;background: #fff;padding: 0px;}
.tab-content.current{display: inherit;}

.sub{ position:relative; top:-100px; background:#fff; width:100%; text-align:center; z-index:12; margin:0 auto;}
.sub h1{ font-size:32px;  color:#111; padding-top:60px; text-shadow:none; letter-spacing:-3px;}
.sub p{ font-size:11px;letter-spacing:-0.5px; margin-top:5px;font-weight:500; opacity:0.4;}
.sub .sub_page{ padding:40px 0px 100px 0px; max-width:1100px; width:100%; text-align:left; margin:0 auto; opacity:0;}
.sub .sub_page h2{ font-size:18px; color:#111; padding-bottom:8px; text-shadow:none;letter-spacing:-2px; font-weight:600;}
.sub .sub_page .btn_ok{ background-color:#000f43; color:#fff; width:190px; height:50px; border-radius: 100px 100px 100px 100px; border:0px solid #000f43; text-align:center; font-size:16px; padding-top:17px; line-height:16px; margin-top:30px; font-weight:bold;}
.sub .sub_page .btn_cancle{ background-color:#fff; color:#000f43; width:190px; height:50px; border-radius: 100px 100px 100px 100px; border:1px solid #000f43; text-align:center; font-size:16px; padding-top:17px;line-height:16px; margin-top:30px; font-weight:bold;}
.sub .sub_page .btn01{ background-color:#000f43; color:#fff; width:240px; height:50px; border-radius: 100px 100px 100px 100px; border:0px solid #000f43; text-align:center; font-size:16px; padding-top:17px; line-height:16px; margin-top:10px; font-weight:bold;}
.sub .sub_page .btn02{ background-color:#fff; color:#000f43; width:240px; height:50px; border-radius: 100px 100px 100px 100px; border:1px solid #000f43; text-align:center; font-size:16px; padding-top:17px; line-height:16px; margin-top:10px; font-weight:bold;}
.sub .sub_page .btn03{ background-color:#000f43; color:#fff; width:240px; height:50px; border-radius: 100px 100px 100px 100px; border:1px solid #000f43; text-align:center; font-size:16px; padding-top:17px; line-height:16px; margin-top:10px; font-weight:bold;}
.sub .sub_page .btn04{ background-color:#fff; color:#000f43; width:240px; height:50px; border-radius: 100px 100px 100px 100px; border:1px solid #000f43; text-align:center; font-size:16px; padding-top:17px; line-height:16px; margin-top:10px; font-weight:bold;}
.sub .sub_page .btn05{ background-color:#000f43; color:#fff; width:240px; height:50px; border-radius: 100px 100px 100px 100px; border:1px solid #000f43; text-align:center; font-size:16px; padding-top:17px; line-height:16px; margin-top:10px; font-weight:bold;}
.sub .sub_page .btn06{ background-color:#fff; color:#000f43; width:240px; height:50px; border-radius: 100px 100px 100px 100px; border:1px solid #000f43; text-align:center; font-size:16px; padding-top:17px; line-height:16px; margin-top:10px; font-weight:bold;}
.sub .sub_page .btn_footer_global{background-color:#000f43; color:#fff; width:190px; height:50px; border-radius: 100px 100px 100px 100px; border:0px solid #000f43; text-align:center; font-size:16px; padding-top:17px; line-height:16px; margin-top:30px; font-weight:bold;}
.sub .sub_page>img {width:100%;}

.sub .sub_page .btns06 {padding:0%; width:750px; text-align:center; display:inline-block;}
.sub .sub_page .btns06 li{width:240px; margin:5px; float:left; display:inline-block;}


.sub .sub_page .agrees {padding:0px; margin:0; width:100%; border:0px solid #ddd; height:50px; background:#052959; color:#fff; font-size:16px;}
.attecstitle{font-family: 'Noto Sans KR', sans-serif; font-size:18px; padding:7px 0px;}
.sub .sub_page .custom_pyo {border-top:2px solid #000; background-color:#F1F1F1; height:40px; font-size:13px; text-align:center; border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.sub .sub_page .custom_pyo2{background-color:#fff; height:40px; font-size:13px; text-align:center; border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.sub .sub_page .custom_pyo3{border-top:2px solid #000;background-color:#fff; height:50px; font-size:13px; text-align:center; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.sub .sub_page .custom_pyo4{background-color:#fff; height:50px; font-size:13px; text-align:center; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.sub .sub_page .p_box{background:#fff; max-width:100%; padding-left:30px; padding-right:30px; padding-top:20px;font-family: 'Noto Sans KR', sans-serif; border:1px solid #ccc;}

.sub .sub_page .cybox table{ width:100%; font-size:15px; letter-spacing:-0.6px;  border-top:2px solid #4e4238;}
.sub .sub_page .cybox th{ height:50px;   width:60%; text-align:left; border-bottom:1px solid #ddd; padding-left:30px;}
.sub .sub_page .cybox td{ background:#f6f6f6; width:40%; text-align:left; text-align:center;padding-left:0px; border-bottom:1px solid #ddd;}
.sub .sub_page .cybox td label{ padding:0px 10px;}

.sub .sub_page .cybox2 table{ width:100%; font-size:15px; letter-spacing:-0.6px;}
.sub .sub_page .cybox2 th{ height:50px;   width:60%; text-align:left; border-bottom:1px solid #ddd; padding-left:30px;}
.sub .sub_page .cybox2 td{ background:#f6f6f6; width:40%; text-align:left; text-align:center;padding-left:0px; border-bottom:1px solid #ddd;}
.sub .sub_page .cybox2 td label{ padding:0px 10px;}

.sub .sub_page .cybox_custom table{ width:100%; font-size:15px; letter-spacing:-0.6px; border-top:2px solid #4e4238;}
.sub .sub_page .cybox_custom th{ background:#f6f6f6;height:50px;   width:12%; text-align:center; border-bottom:1px solid #ddd;}
.sub .sub_page .cybox_custom td{  width:38%; text-align:left;padding-left:20px; border-bottom:1px solid #ddd;}
.sub .sub_page .cybox_custom td label{ padding:0px 10px;}
.sub .sub_page .cybox_custom input, select{border:none;}

.sub .sub_page .cybox_custom #name{width:90%;}
.sub .sub_page .cybox_custom #tel, #addr{width:30%;}
.sub .sub_page .cybox_custom #addr2{width:100%;}

.sub .sub_page .btn_list{ background-color:#fff; width:260px; height:50px; border-radius: 100px 100px 100px 100px; border:2px solid #111; text-align:center; font-size:21px; padding-top:16px; margin-top:50px;}


.sub .sub_page .event_box ul{ width:100%; font-size:15px; border-top:2px solid #4e4238; letter-spacing:-1.2px;}
.sub .sub_page .event_box li:nth-child(1n){ text-align:center; border-bottom:1px solid #ddd; padding:22px; float: left; width:40%;}
.sub .sub_page .event_box li:nth-child(2n){ text-align:left;padding:39px 20px; border-bottom:1px solid #ddd;float: left; width:60%;}
.sub .sub_page .event_box li:nth-child(2n) h3{ font-size:22px; font-weight:600;}
.sub .sub_page .event_box li:nth-child(2n) h6{ font-size:13px; font-weight:600; color:#999; padding-top:3px;}
.sub .sub_page .event_box li:nth-child(2n) h5{ font-size:14px; font-weight:600; color:#2097d6; padding-top:15px;}

.sub .sub_page .news_box ul{ width:100%; font-size:15px; letter-spacing:-1px; height:800px;}
.sub .sub_page .news_box li img{width:100%;}
.sub .sub_page .news_box li{ float:left;width:30%; margin-right:5%;background:#fff; border:1px solid #eee; text-align:left; border-bottom:1px solid #ddd; padding:22px; margin-bottom:40px;}
.sub .sub_page .news_box li:nth-child(3){ margin-right:0%;}
.sub .sub_page .news_box li:nth-child(6){ margin-right:0%;}


.sub .sub_page .news_box  li h6{ font-size:13px; font-weight:600; color:#777; padding-top:15px;}
.sub .sub_page .news_box  li h1{ font-size:18px; font-weight:600; color:#111; padding-top:15px; line-height:130%;}
.sub .sub_page .news_box  li h5{ font-size:13px; font-weight:400; color:#777; padding-top:15px; line-height:130%;}
.sub .sub_page .news_box  li h4{ font-size:12px; font-weight:600; color:#999; padding-top:25px; line-height:130%;}

.sub .sub_page .guest_box{ background:#f3f3f3; width:100%; padding:20px; font-size:14px; font-weight:400; border-top:2px solid #000f43;}
.sub .sub_page .cybox_guest table{ width:100%; font-size:15px; letter-spacing:-0.6px;  border-top:2px solid #4e4238;}
.sub .sub_page .cybox_guest th{ height:50px; background:#f7f7f7; width:100%; text-align:left; border-bottom:0px solid #ddd; padding-left:20px;}
.sub .sub_page .cybox_guest th span{font-size:13px; color:#979797; font-weight:600;}
.sub .sub_page .cybox_guest .long{height:70px;}
.sub .sub_page .cybox_guest .long2{height:90px;}
.sub .sub_page .cybox_guest td{ height:70px; background:#fff; width:100%; text-align:left; padding-left:20px; border-bottom:0px solid #ddd; padding-bottom:20px; }
.sub .sub_page .cybox_guest td label{ padding:0px 10px;}

.sub .sub_page .cybox_guest2 table{ width:100%; font-size:15px; letter-spacing:-0.6px;  border-top:1px solid #4e4238; font-size:13px;}
.sub .sub_page .cybox_guest2 .tt{ height:50px; background:#f7f7f7; text-align:center; border-bottom:1px solid #ddd; padding-top:20px;border-right:1px solid #ddd;}
.sub .sub_page .cybox_guest2 td{ height:50px; background:#fff; text-align:center; border-bottom:1px solid #ddd; padding-top:16px; width:38%;border-right:1px solid #ddd;}
.sub .sub_page .cybox_guest2 td label{ padding:0px 10px;}


#sub-bt .active:hover { background-color: #461468; transition:0.5s; }
#sub-bt .active:hover a div { color: #fff; }

#sub-bt>li {  height: 48px; float: left; line-height: 48px; text-align: center; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fff; }
#sub-bt>li:first-child { }
#sub-bt>li:last-child { border-right: 1px solid #ddd; }
#sub-bt .active { background-color: #461468;  border: 1px solid #461468;}
#sub-bt .active>a>div { color: #fff; }
#sub-bt>li>a>div { width: 100%; height: 48px; line-height: 48px; color: #000;}



.sub .ori{ font-size:13px; color:#777; background:#f3f3f3; border:1px solid #ddd; padding:20px; letter-spacing:-0.8px; margin-top:30px; }

.sub .mo_bb{display:none;}

ul.tabs2 { font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '�뗭�', '援대┝', Gulim, sans-serif;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    font-size:14px;
	height:40px;
}


ul.tabs2 li { margin-bottom:-1px; color:#232222; margin-left:10px;
    float: left;
    text-align:center;
    cursor: pointer;
    width:16.5%;
    height: 45px;
    line-height: 45px;
    border: 1px solid #ccc;
    font-weight: 400;
    background: #fff;
    overflow: hidden;
    position: relative;
	
}


ul.tabs2 li.selected, ul.tabs li.selected:hover
{
    position: relative;
    top: 0px;
	color:#fff; background: #461468; border: 1px solid #461468;}
	
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { color:#fff;}
        

ul.tabs2 li a { color:#444;}
        
ul.tabs2 li.selected a:hover
{
    text-decoration: none;
}

ul.tabs2 li.active { color:#444; background: #461468; }


.tab_container2 {
    border: none;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;max-width:900px;
}
.tab_content2 { position: absolute;
    margin:40px 0px 0px 0px; padding-right:60px;
    font-size: 1em;
    display: none;
}
.tab_container2 .tab_content2 ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container2 .tab_content2 ul li {
    padding:5px;
    list-style:none;
}
 #container2 {
    width: 1100px;
    margin: 0 auto;
}